import 'package:flutter/material.dart';

void main() {
  // 1.运行应用程序
  runApp(const MaterialApp(home: Main()));
}

class Main extends StatelessWidget {
  const Main({super.key});

  // 这个  widget 是应用程序的根
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Container(
          // Container 如果没设置宽高，默认占满父容器
        // 背景色
          // color: const Color.fromARGB(255, 17, 225, 225),
          width: 200,
          height: 200,
          // padding 内边距
          // all  四个方向
          padding: const EdgeInsets.all(30),
          // fromLTRB  左上右下
          // padding: const EdgeInsets.fromLTRB(10, 20, 30, 40),
          // only 按需设置
          // padding: const EdgeInsets.only(top: 20),
          // symmetric  横向纵向
          // padding: const EdgeInsets.symmetric(vertical: 20,horizontal:20),
          decoration: BoxDecoration(
              color: Colors.blue,
              border: Border.all(
                  color: Colors.black,
                   width: 10, 
                //    style: BorderStyle.solid盒子的样式是视线
                  //  style: BorderStyle.solid
                   ),
                  //  画圆
                 // borderRadius: const BorderRadius.all(Radius.circular(20)),
            borderRadius: BorderRadius.circular(20)
                   ),
                
          child: Container(
            color: Colors.amber,
            // margin :  外边距
            margin: const EdgeInsets.only(top: 20),
          )),
    );
  }
}
